<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <ul>
    <li>猴子</li>
    <li>狒狒</li>
    <li>老虎</li>
    <li>狮子</li>
    <li>大象</li>
  </ul>
  <input type="checkbox">
  <input type="checkbox">
  <input type="checkbox">
  <input type="checkbox">
  <button>全选</button>
  <button>全不选</button>
  <script src="./jquery-3.4.1.min.js"></script>
  <script>
    // jq的循环元素的方法
    $("ul li").each(function (index, ele) {
      console.log(index, ele)
      if (index % 2 == 0) {
        // ele--原生元素
        ele.style.background = "red"
      } else {
        ele.style.background = "pink"
      }
    })


    // 循环数组和元素 
    // $.方法()  全局工具
    var arr = ["闪现", "飘逸", "传送", "引燃"]
    $.each(arr, function (index, ele) {
      console.log(index, ele)
    })
    // jq元素扩展插件方法
    // 1.给jq元素扩展方法



    jQuery.fn.extend({
      check: function () { //全选
        // this 当前元素
        return this.each(function (index, ele) {
          ele.checked = true;
        })
      },
      uncheck: function () {
        return this.each(function (index, ele) {
          ele.checked = false;
        })
      }
    })
    $("button").eq(0).click(function () {
      $(":checkbox").check()
    })
    $("button").eq(1).click(function () {
      $(":checkbox").uncheck()
    })

    // 扩展全局工具类
    jQuery.extend({
      max: function (a, b) {
        if (a > b) {
          return a
        } else {
          return b
        }
      },
      min: function (a, b) {
        if (a < b) {
          return a
        } else {
          return b
        }
      }
    })
    var maxNum = $.min(99, 88)
    console.log(maxNum)

    // 


  </script>
</body>

</html>